<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		
		<title></title>
		<style type="text/css">
		
			/* 
			
			课程代码
			github.com/biaoyansu/课程ID
			如: github.com/biaoyansu/10.x
			 
			 */
		
			body {

				font-size: 50px;

			}

			.sticky {
				position: sticky;
				background-color: #ccc;
				font-size: 20px;
				top: 0;
				left: 0;
				
			}

			.container {
				margin: 20px;
				/* 这里设置一个高度 */
				height: 200px;
				border: solid;
				overflow: auto;

			}
		</style>
	</head>
	<body>

		<div class="container">

			我是视觉参考背景
			<div class="sticky">请在浏览器中滚动试试  淘宝搜索栏  导航栏</div>

			<div>
				AAAA
			</div>
			<div>

				BBBB
			</div>
			<div>

				CCCC
			</div>
			<div>

				DDDDDDDDDDDD
			</div>
			<div>

				FFFFFFFFFF
			</div>

		</div>

	</body>
</html>
